
import React,{PureComponent} from "react";
import {Button, DatePicker, Form, Input, Select} from "antd";

class EditOwnerComponent extends PureComponent{

    render() {

        const {getFieldDecorator} = this.props.form;


        return (
            <Form>

                <Form.Item
                    label={"姓名"}
                >
                    {getFieldDecorator('text', {
                        rules: [ {
                            required: true, message: '输入你的姓名',
                        }],
                    })(
                        <Input placeholder={"输入你的姓名"}/>
                    )}
                </Form.Item>

                <Form.Item
                    label={"手机号"}
                >
                    {getFieldDecorator('phone', {
                        rules: [{
                            type: 'phone', message: '输入手机号码不正确',
                        }, {
                            required: true, message: '输入你的手机号',
                        }],
                    })(
                        <Input placeholder={"输入你的姓名"}/>
                    )}
                </Form.Item>

                <Form.Item
                    label={"身份证"}
                >
                    <Input/>
                </Form.Item>


                <Form.Item
                    label={"地址"}
                >
                    <Input/>
                </Form.Item>

                <Form.Item
                    label={"电子邮箱"}
                >
                    <Input/>
                </Form.Item>


                <Form.Item
                    label={"性别"}
                >
                    <Select>
                        <Select.Option value={'男'}>男</Select.Option>
                        <Select.Option value={"女"}>女</Select.Option>
                    </Select>
                </Form.Item>

                <Form.Item
                    label={"出生日期"}
                >
                   <DatePicker/>
                </Form.Item>


                <Form.Item
                >
                    <Button type="primary" htmlType="submit">确定</Button>
                    <Button htmlType={"button"}>取消</Button>
                </Form.Item>



            </Form>
        )
    }

}


const EditOwnerWrapperComponent = Form.create({})(EditOwnerComponent);

export default EditOwnerWrapperComponent;